<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="css/styles.css" rel="stylesheet" type="text/css"></link>
<title>Market Place - Login</title>
<script src="js/jquery-latest.js"> </script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>

<script>
$(document).ready(function(){
    $("#loginForm").validate();
  });
</script>
</head>
<body>
<form name="loginForm" id="loginForm" method="POST" action="login.do">

<table width="100%" height="100%" align="center"  >
	<tr>
	<td>&nbsp;</td>
	</tr>
	<tr>
	<td>&nbsp;</td>
	</tr>
	<tr>
	<td>&nbsp;</td>
	</tr>
	<tr>
	<td>&nbsp;</td>
	</tr>
	<tr>
	<td>&nbsp;</td>
	</tr>
	<tr>
	<td>&nbsp;</td>
	</tr>
	<tr>
	<td>&nbsp;</td>
	</tr>
	<tr>
		<td align="center" colspan="2" style="color: red; font-size: large" > &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		
		<%
			if(request.getAttribute("Error")!=null){
				out.println(request.getAttribute("Error"));
				request.setAttribute("Error", null);
			}
		
		%>
			
		</td>
					 
		</tr>
	<tr>
	
		<td align="center" style="vertical-align: center"> 
				<table style="COLOR: #004040; FONT-WEIGHT: bold; FONT-SIZE: x-small; FONT-FAMILY: 'Verdana'; 
vertical-align: top; border-bottom-style:solid; ; border-bottom-color: gray; 
					border-right-style:solid; ; border-right-color: gray; 
					border-left-style:solid; ; border-left-color: gray; border-top-style:solid; ; border-top-color: gray;" align="center">

	<thead style="BACKGROUND-COLOR: #fbfe70; " >
	<tr>
		<td colspan=2> Sign In</td>
	</tr>
	</thead>
				<tr>
					<td align="center" width="50%">Username</td>
					<td><input type="text" name="userName" id="userName" class="required"></input></td>
				</tr>
				<tr>
					<td align="center">Password</td>
					<td><input type="password" name="password" id="password" class="required"></input></td>
				</tr>
				
				<tr>
					<td align="center" colspan="2"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="submit" name="Login" id="submit" value="Submit" style="FONT-WEIGHT: bold; FONT-FAMILY: 'Verdana'; FONT-SIZE: x-small;" > &nbsp;
					 	<input type="reset" name="Clear" id="clear" value="Clear" style="FONT-WEIGHT: bold; FONT-FAMILY: 'Verdana'; FONT-SIZE: x-small;">
					</td>
					 
				</tr>
				
				
			</table>
		</td>
	</tr>
	
</table>

</form>
</body>
</html>